<template>
    <div  ref="pages">
      <div class="tabview newsPageDiv">
         <Breadcrumb 
          :breadcrumbName="breadcrumbName"
          :routerLikeTo="routerLikeTo"
        />
        <div>
          <span class="news-text">质量信息管理详情</span>       
          <a-divider style="margin-top:20px;" />      
        </div>

           <div style="margin-top:40px;">
             <a-divider type="vertical" style="width:4px; background: #337BD7; height: 20px;margin-top: -4px;margin-left:0px;" />
             <span class="detail-title">基本信息</span>
           </div>
          <!-- <div class="card-container">
            <a-tabs type="card">
              <a-tab-pane key="1" tab="基本信息" > -->
                <a-descriptions bordered  size="small" style="margin-top:20px;">
                  <a-descriptions-item label="单位名称" span="1.5" >
                    <span class="item-content">{{infoData.nameDwzw}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="组织机构代码" span="1.5" >
                    <span class="item-content">{{infoData.codeZzjg}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="项目名称" span="1.5" >
                    <span class="item-content">{{infoData.projectName}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="项目类型" span="1.5">
                    <span class="item-content">{{infoData.projectType}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="行政区域"  span="3"> 
                   <span class="item-content">{{infoData.xzqy}}</span>
                  </a-descriptions-item>
                </a-descriptions>
              
              <div style="margin-top:40px;">
                <a-divider type="vertical" style="width:4px; background: #337BD7; height: 20px;margin-top: -4px;margin-left:0px;" />
                <span class="detail-title">水务建设项目信息</span>
              </div>
               <a-descriptions bordered  size="small" style="margin-top:20px;">
                  <a-descriptions-item label="项目审批单位" span="1.5" >
                    <span class="item-content">{{infoData.unitXmsp}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="项目审批文号" span="1.5" >
                    <span class="item-content">{{infoData.xmspwh}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="项目审批时间" span="1.5" >
                    <span class="item-content">{{infoData.timeXmsp}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="建设单位" span="1.5" >
                    <span class="item-content">{{infoData.jsdw}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="建设内容" span="3" >
                    <span class="item-content">{{infoData.jsnr}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="设计单位" span="1.5" >
                    <span class="item-content">{{infoData.sjdw}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="施工单位" span="1.5" >
                    <span class="item-content">{{infoData.unitSg}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="监理单位" span="1.5" >
                    <span class="item-content">{{infoData.unitJl}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="完成招标时间" span="1.5" >
                    <span class="item-content">{{infoData.timeWczb}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="开工时间" span="1.5" >
                    <span class="item-content">{{infoData.kgTime}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="竣工验收时间" span="1.5" >
                    <span class="item-content">{{infoData.endworktimeTo}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="项目投资（万元）" span="3" >
                    <span class="item-content">{{infoData.investXm}}</span>
                  </a-descriptions-item>
               </a-descriptions>

              <div style="margin-top:40px;">
                <a-divider type="vertical" style="width:4px; background: #337BD7; height: 20px;margin-top: -4px;margin-left:0px;" />
                <span class="detail-title">项目事故处理情况</span>
              </div>
               <a-descriptions bordered  size="small" style="margin-top:20px;">
                  <a-descriptions-item label="单元工程数" span="1.5" >
                    <span class="item-content">{{infoData.numsDygc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="已评定的单元工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsYpddygc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="合格的单元工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwhgdygc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="评为优秀的单元工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwyxgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="分部工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsFbgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="已评定的分部工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsYpdfbgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="合格的分部工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwhgfbgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="评为优秀的分部工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwyxfbgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="单位工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsDwgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="已评定的单位工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsYpddwgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="合格的单位工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwhgdwgc}}</span>
                  </a-descriptions-item>
                  <a-descriptions-item label="评为优秀的单位工程个数" span="1.5" >
                    <span class="item-content">{{infoData.numsPwyxdwgc}}</span>
                  </a-descriptions-item>
               </a-descriptions>
      </div>
      <!-- <footerPage :page="4" ></footerPage> -->
    </div>
</template>

<script>
// import footerPage from '../../footer/footerPage'
import Breadcrumb from "@/components/base/tools/Breadcrumb1";
import emv from "@/views/center/emptyVue.vue";
import api from '@/api/index'
  export default {
    name: "winBidDetail",
    inject: ["changeTab"],
    components: {
    //  footerPage,
    Breadcrumb
  },
    props: {
      page: {
        type: String,
        default: '1'
      },
    },
     data(){
      return{
        clientHeight:'',
        screenHeight:'',
        breadList: [],
        breadcrumbName:'',
        loading:true,
        id:'',
        routerLikeTo:'/center/projPublicInfoPage',
        infoData:{},
        // baseInfoData:{
        //   xmmc:'海口市桂林洋防潮堤加固工程（山湖港水闸～桂林洋浴场北段）',
        //   xmbh:'SXFY2020-027',
        //   zbr:'海南北斗星测绘信息科技有限公司',
        //   zbrlxdh:'0898-27722906',
        //   zbdljg:'海南金政采项目管理有限公司',
        //   zbdljgdh:'65231259',
        //   gsqsrq:'2020-10-02',
        //   gsjsrq:'2020-12-01'
        // },
        // zbrInfoData:{
        //   dyzbhxr: '方宇工程咨询有限公司',
        //   dezbhxr: '方宇工程咨询有限公司',
        //   dszbhxr: '方宇工程咨询有限公司',
        //   zbr:'方宇工程咨询有限公司',
        //   zhje:'300000',
        //   xmfzr:'李工',
        //   zzzsbh:'SXFY2020-027'
        // },
        // tsslbmData:[
        //   {
        //     tsslbmmc:'投诉受理部门（1）',
        //     tsslbm:'方宇工程咨询有限公司',
        //     tsdymc: '联系电话',
        //     tsdy:'0898-89856242',
        //   },
        //   {
        //     tsslbmmc:'投诉受理部门（2）',
        //     tsslbm:'方宇工程咨询有限公司',
        //     tsdymc: '联系电话',
        //     tsdy:'0898-89856242',
        //   },
        //   // {
        //   //   tsslbmmc:'投诉受理部门（3）',
        //   //   tsslbm:'方宇工程咨询有限公司',
        //   //   tsdymc: '联系电话',
        //   //   tsdy:'0898-89856242',
        //   // }
        // ],
      }
      
    },
    mounted(){
     this.$nextTick(()=>{ // 页面渲染完成后的回调
                  this.getScreenHeight();
                  this.clientHeight = this.$refs.pages.offsetHeight+364;
                  // console.log(this.screenHeight,this.clientHeight);
                  if(this.screenHeight>this.clientHeight){
                    if(this.screenHeight-this.clientHeight>40){
                      emv.$emit("setfootmargintop",this.screenHeight-this.clientHeight);
                    }else{
                       emv.$emit("setfootmargintop",40);
                    }
                  }else{
                    emv.$emit("setfootmargintop",40);
                  }
                 
          });

    },
    created(){
      this.breadcrumbName = this.$route.query.breadcrumbName;
      this.id =  this.$route.query.id
      this.get_winbid_data();
      this.changeTab(4, "projPublicInfoPage", '<span class="tab_name">项目信息</span>');
    },
    methods: {
      get_winbid_data(){
         api.get_swjszl_by_id(this.id).then(res => {
              this.infoData = res;
              this.loading = false;
              
          })
          .catch(err => {
            this.loading = false;
          });
      },
        getScreenHeight(){
        // 获取浏览器可视区域高度
        this.screenHeight =    document.body.clientHeight ; //`${document.documentElement.clientHeight}` 
        window.onresize = function temp() {
          this.screenHeight = document.body.clientHeight;
        };
      },
    }

  };
</script>
<style lang="less">
.breadcrumb{
  margin-top: 20px;
}
// .card-container {
//   background: #f5f5f5;
//   overflow: hidden;
//   padding: 1px;
  .item-content{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    
  }
  .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
    padding: 24px 16px;
    text-align: center;;
    color: #333333;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    width: 190px;
  }
  .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content{
    padding: 24px 16px;
    text-align: left;
    color: #333333;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    width: 150px;
  }
// }
// .card-container > .ant-tabs-card > .ant-tabs-content {
//   height:auto;
//   margin-top: -16px;
// }

// .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
//   background: #fff;
//   padding: 1px;
//   padding-bottom: 24px;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar {
//   border-color: #fff;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
//   border-color: transparent;
//   background: transparent;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
//   border-color: #fff;
//   background: #fff;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
//     border-color: #fff;
//     background: #fff;
//     border-top-color: #337BD7;
//     border-radius: 0px;
//     color: #333333;
//     // font-size: 16px;
//     font-weight: bold;
//     font-family: Microsoft YaHei;
// }
// .card-container > .ant-tabs-card > .ant-tabs-tab {
//     border-color: transparent;
//     background: transparent;
//     color: #666666;
//     // font-size: 16px;
//     font-weight: 400;
//     font-family: Microsoft YaHei;
// }


.detail-title{
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-left: 8px;
}
</style>